<template>
  <div class="box">
    <h2>props验证</h2>
    <div>price:{{ price.toFixed(2) }}</div>
    <div>text:{{ text }}</div>
    <div>str:{{ str }}</div>
    <div>age:{{ age }}</div>
  </div>
</template>

<script>
export default {
    //props验证，type，defalut，required，validator
   props:{
        price:{
            required:true,  //必填
            type:Number,  //String,Boolean....
        },
        text:String,  //规定类型,
        str:{ //如果没有传这个属性，默认就是中公
            default:"我是中公"
        },
        //validator:自定义验证器  必填，数字，18-30, 
        age:{
            required:true,  //必填
            type:Number,  //String,Boolean....
            validator(a){ //要返回一个状态，true或false
                if(a >= 18 && a <= 30){
                    return true
                }else{
                    return false
                }
            }
        }

   }
}
</script>

<style>

</style>